(function(){//模块化编写防止全局污染
	var $more=$("#header .more");//jqury命名技巧$...
	$more.click(function(){
		$(this).find(".more-hide").toggle();//善于利用jqury的各种技巧
	});
})();
(function(){
	var $btns=$("#banner .b-tab ul li"),
		$parts=$("#banner .b-part .part"),
		$index=0,
		timer=null,
		length=$btns.length;
		/*$btns[0].className="on";
		$parts.eq(0).css({"display":"block"});*/
		$btns.eq(0).addClass('on');
		$parts.eq(0).show();
		
	  $btns.click(function(){
		/* change($index,true);
		 $index=$(this).index();
		 change($index,false);*/
		 var i=$(this).index();
		 if(i!==$index){
			change(function () {
				$index = i;
		    }.bind(this))
		 }; 
	  });
	  auto();
	 /* $parts.hover(function(){
		  clearInterval(timer);
	  },function(){
		  auto();
	  });*/
	  $parts.hover(function(){
		  clearInterval(timer);
	  },auto);
	   
	  function auto(){
		  timer=setInterval(function(){	  
			/*  change($index,true);
			  $index++;
			  $index%=length; 
			  change($index,false);  */
		  change(function () {
                $index ++;
                $index %= length;
            });
			  
		  },3000);
	  }
	 /* function change(index,bool){
		  bool?$parts.eq($index).fadeOut():$parts.eq($index).fadeIn();
		  bool?$btns[index].className="":$btns[index].className="on"; 
	  }*/
	  function change(fn) {
        $parts.eq($index).fadeOut(500);
        $btns.eq($index).removeClass('on');
        fn && fn();
        $parts.eq($index).fadeIn(500);
        $btns.eq($index).addClass('on');
    }
	
})();

//classic
~function(){
	var $btns = $("#classic div.c-btn div");
	var clickTime = 0;
	var $classicUl = $("#classic .c-main ul");
	var $lis = $classicUl.children();
	var length = $lis.length;
	var midIndex = Math.floor(length/2);
	var sumWidth = 0;
	var timer = null;
	var width = $("#classic .c-main").width();
	var widthLi0 = $lis.eq(0).width();

	// ~init ul
	$lis.each(function(){
		sumWidth += $(this).width();
	});
	setTimeout(function(){
			$classicUl.animate({'marginLeft' : -1/2*sumWidth + 1/2*width+'px'},300);
		},300);
	// window resize
	$(window).resize(function(){
		clearTimeout(timer);
		timer = setTimeout(function(){
			width = $("#classic .c-main").width();
			sumWidth = 0;
			$lis.each(function(){
				sumWidth += $(this).width();
			});
			$classicUl.animate({'marginLeft' : -1/2*sumWidth + 1/2*width+'px'},300);
			
		},300);
		
	});
	$btns.click(function(){
		if(new Date() - clickTime > 500){
			
			if($(this).index()){
				midIndex++;
				midIndex %= length;
				$classicUl.stop().animate({
                    'marginLeft' : -1/2*sumWidth + 1/2*width-widthLi0+'px'//先多移动一个距离，不然回调的时候，会移动第一个到最后一个，出现跳帧
                },300,function () {
                    $(this).css('marginLeft' , -1/2*sumWidth + 1/2*width+'px').append($(this).children().first());
                });
			}else{
				midIndex--;
				if(midIndex == 0)midIndex=length;
				$classicUl.stop().animate({
                    'marginLeft' : -1/2*sumWidth + 1/2*width+widthLi0+'px'//先多移动一个距离，不然回调的时候，会移动第一个到最后一个，出现跳帧
                },300,function () {
                    $(this).css('marginLeft' , -1/2*sumWidth + 1/2*width+'px').prepend($(this).children().last());
                });
			};	
			changeClassName();	
			clickTime = new Date();
		};	
	});
	function changeClassName(){
		var slideIndex_left = midIndex - 1;
		var slideIndex_right = midIndex + 1;
		if(slideIndex_left < 0)slideIndex_left = length-1;
		if(slideIndex_right > length-1)slideIndex_right = 0;
		$lis.removeClass('slide mid');
		$lis.eq(midIndex).addClass('mid');
        $lis.eq(slideIndex_left).addClass('slide');
        $lis.eq(slideIndex_right).addClass('slide');
	}
	
	
}()
	
